﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
    <meta name="screen-orientation" content="portrait"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/m_ektz.css">
    <title>赛事要闻</title>
</head>
<body>
<div class="event-topBar">
    <img src="images/jujiao/saishi_jujiao.png" alt="赛事聚焦">
</div>
<div class="event-content">
    <div class="tab-control">
        <ul class="tab-ul">
            <li class="active">
                <a href="javascript:;">最新进展</a>
            </li>
            <li>
                <a href="javascript:;">2017精彩回顾</a>
            </li>
        </ul>
        <span class="slider"></span>
    </div>
    <div class="tab-content">
        <div class="tab-item new-development">
            <ul class="tab-item-ul">
                <script type="text/tmp" id="newList">
                    <li newsId="{{:id}}">
                        <div class="lf-pic">
                            <img src="{{:img}}" alt="">
                        </div>
                        <div class="rt-bar">
                            <p class="title">{{:title}}</p>
                            <p class="date">{{:formatTime}}</p>
                            <p class="intro">{{:formatContent}}</p>
                        </div>
                    </li>
                </script>
            </ul>
        </div>
        <div class="tab-item wonderful-review">
            <ul class="tab-item-ul">
                <script type="text/tmp" id="reviewList">
                    <li newsId="{{:id}}">
                        <div class="lf-pic">
                            <img src="{{:img}}" alt="">
                        </div>
                        <div class="rt-bar">
                            <p class="title">{{:title}}</p>
                            <p class="date">{{:formatTime}}</p>
                            <p class="intro">{{:formatContent}}</p>
                        </div>
                    </li>
                </script>
            </ul>
        </div>
    </div>
</div>
</body>
<script src="js/rem.js"></script>
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jsrender.js"></script>
<script src="js/base.js"></script>
<script src="js/m_ektz.js"></script>
<script>
    $(function () {
        PKTZ_API.getNewsList({type: 1});
        PKTZ_API.getNewsList({type: 2});
        $('.tab-item-ul').on('click', 'li', function () {
            var id = $(this).attr('newsId');
            document.cookie = "newsId=" + id;
            PKTZ_API.getPageRoute('paper_details');
        })
    })
</script>
</html>